<template>
	<div class="learning-help">
		<div class="banner"></div>
		<div class="main w">
			<h3>{{ informMsg.title }}</h3>
			<p>
				发布时间：{{ informMsg.create_time }}
			</p>
		</div>
		<div class="HTML">
			<div class="informsMSG" style="margin-bottom: 100px" v-html="informMsg.content"></div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				anthor: "Admin",
				time: "2021-05-17 15:26:26",
				informMsg: [],
			};
		},
		methods: {
			getInfo() {
				//数据请求
				this.$axios.post('https://vvv.52ecode.cn/api/pc.SchoolDescController/index', {
						website_id: 1
					})
					.then((res) => {
						this.informMsg = res.data.data[0];
					})
					.catch((err) => {
						console.log(err);
						// this.getInfo();
					});
			},
		},
		created() {
			this.getInfo();
		},
	};
</script>

<style lang="scss" scoped>
	.HTML {
		display: flex;
		align-items: center;
		justify-content: center;

		.informsMSG {
			padding: 40px;
			width: 1200px;
			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
			margin: 40px 0;
		}
	}

	.w {
		width: 1200px;
		background-color: #fff;
		margin: 0 auto;
	}

	.banner {
		height: 200px;
		min-width: 1200px;
		background: url(https://assetsgk2.edu-cj.com/cjMVC_gzmu/PortalImage/22.png) no-repeat center center;
	}

	.main {
		padding-top: 25px;
		text-align: center;

		h3 {
			font-size: 18px;
			padding-bottom: 15px;
		}

		p {
			color: #7f7f7f;
			font-size: 14px;
			margin-top: 16px;
		}
	}
</style>
